/*
Ask Medium Admin For More Theme Information If Interested
*/
* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

body {
overflow:auto;
background:#333;
color:#999;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family:"Trebuchet MS";
}

p,.entry ol,.entry ul {
margin:0 0 1em;
}

.entry ol,.entry ul {
padding:0 0 0 2em;
}
.entry strike{
text-decoration:line-through;
}
input,textarea {
background:#999;
border:none;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color:#FFF;
padding:2px;
}

input[type=text]:focus,textarea:focus {
background:#ccc;
border:none
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color:#231f20;
}

#wrapper {
width:900px;
background:#fff url("images/bg.png") repeat-y center center;
margin:0 auto;
padding:0 0px;
}


#header {
height:225px;
}

#navigation {
height:26px;
background:#ca2a30 repeat-x 0 0;
}

#navigation ul {
margin:0 0 0 0;
}

#navigation ul li {
width:74px;
height:22px;
float:left;
text-align:center;
padding:4px 0 0;
}

#navigation ul li a {
width:74px;
height:19px;
display:block;
color:#fff;
font-size:12px;
line-height:19px;
padding:3px 0 0;
}

#navigation ul li.current_page_item a {
background:transparent url("images/current_page_item.png") no-repeat 0 0;
color:#666;
}

#headerimg {
height:100px;
}

#headerimg h1 a {
background:transparent url("images/medium_no_tag.gif") no-repeat 0 0;
position:absolute;
width:515px;
height:150px;
overflow:hidden;
text-indent:515px;
line-height:200px;
}

#search {
float:right;
width: 300px;
margin: 160px 0 0 0;
padding: 0 30px 10px 0;

}

#headerimg .description {
display:none;
}

#box {
padding:0 20px 20px;
}

#content,#sidebar {
float:left;
margin:0 0 0 0;
}

#content {
width:500px;
color:#231f20;
}

#content2 {
width:500px;
color:#231f20;
float:left;
margin:0 50px 0 0;
}

#content3 {
width:300px;
color:#231f20;
float:left;
margin:0 50px 0 0;
}

.narrowcolumn a {
color:#666;
}

.narrowcolumn ul.u_datetime {
background:#999 url("images/datetime.png") no-repeat 0 0;
width:60px;
height:60px;
float:left;
text-align:center;
margin:0 10px 0 0;
}

.narrowcolumn li.u_month {
font-size:10px;
line-height:10px;
color:#fff;
}

.narrowcolumn li.u_day {
font-size:20px;
font-weight:700;
line-height:40px;
color:#231f20;
}

.narrowcolumn li.u_year {
font-size:10px;
line-height:8px;
color:#fff;
}

.narrowcolumn h2 a {
color:#231f20;
font-size:18px;
margin:0;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo li {
line-height:23px;
margin:5px 10px 0 0;
padding:0 0 0 20px;
}

.narrowcolumn .u_tag {
background:transparent url("images/tag.png") no-repeat left center;
}

.narrowcolumn .u_author {
background:transparent url("images/user.png") no-repeat left center;
}

.narrowcolumn .u_category {
background:transparent url("images/folder.png") no-repeat left center;
}

.narrowcolumn .u_comment {
background:transparent url("images/comments.png") no-repeat left center;
}

.narrowcollumn .u_editthis {
background:transparent url("images/edit_this.png") no-repeat left center;
}

.narrowcolumn .entry {
clear:both;
padding:10px;
overflow : hidden;
}

.narrowcolumn .entry blockquote {
border-left:2px solid #ca2a30;
color:#666;
margin:0 1em 1em .5em;
padding:0 0 0 .5em;
overflow:visible;
}

.narrowcolumn .entry ol li {
list-style:decimal;
}

.narrowcolumn .entry ul li {
list-style:disc;
}
 
.narrowcolumn .entry img {
margin:0;
}

.narrowcolumn .entry a:hover img {
border: 1px solid #999;
}

.narrowcolumn .navigation {
height:20px;
margin:0 0 20px;
}
.narrowcolumn .navigation_page a,.narrowcolumn .navigation_page .utompage{
font-size: 10px;
float: left;
height: 20px;
padding: 0 5px;
line-height: 20px;
margin: 0 1px 1px 0;
}
.narrowcolumn .navigation_page a{
background: #222;
border:1px solid #333;
color: #666;
}
.narrowcolumn .navigation_page a:hover, .narrowcolumn .navigation_page .utompage{
color: #ccc;
background: #555;
border:1px solid #999;
}
.narrowcolumn .alignright {
float:right;
}

.narrowcolumn .postmetadata {
border-top:8px solid #ca2a30;
border-bottom: 8px solid #ca2a30;
margin:20px 0;
padding:10px;
}

.narrowcolumn .postrss2 a {
background:transparent url("images/rss_big.png") no-repeat 0 0;
position:absolute;
width:80px;
height:80px;
overflow:hidden;
text-indent:400px;
line-height:200px;
margin:-5px 0 0 400px;
}

.narrowcolumn .postmetadata li {
line-height:23px;
padding:0 0 0 20px;
}

.narrowcolumn .postdatetime {
background:transparent url("images/time.png") no-repeat left center;
}

.narrowcolumn .postcategory {
float:left;
background:transparent url("images/folder.png") no-repeat left center;
margin:0 10px 0 0;
}

.narrowcolumn .posttag {
float:left;
background:transparent url("images/tag_blue.png") no-repeat left center;
}

.narrowcolumn .posttrackback {
clear:both;
background:transparent url("images/arrow_refresh.png") no-repeat left center;
}

.narrowcolumn .postedit {
clear:both;
background:transparent url("images/pencil.png") no-repeat left center;
}

span.ugr {
float:left;
width:10px;
height:10px;
background:transparent url("images/defaultgravatar.gif") no-repeat 0 0;
border:2px solid #666;
margin:0 3px 3px 0;
}

.narrowcolumn h2#comments,.narrowcolumn h2#respond {
margin:10px 0;
}

.narrowcolumn ol.commentlist {
border:1px solid #666;
border-bottom:none;
margin:0 0 20px;
}

.narrowcolumn ol.commentlist li {
border-bottom:1px solid #666;
background:#222;
padding:10px;
}

.narrowcolumn ol.commentlist li.alt {
background:#333;
}

.narrowcolumn .commentlist .uar,.narrowcolumn .commentlist .uar a {
font-size:14px;
font-weight:700;
color:#999;
}

.narrowcolumn .spost,.narrowcolumn .commentlist p {
clear:both;
}

.narrowcolumn #comment {
width:80%;
}

.post-block {
	padding:0 15px 15px;
	width: 250px;
	height:370px;
	overflow:hidden;
	float: left;
	clear: none;
	}
	
.container_division {
	padding:0 10px 10px;
	width: 800px;
	}
	
.post-block a {
color:#666;
}

.post-block a:hover{
color:#666;
}

.post-block h2 a {
color:#231f20;
font-size:18px;
margin:0;
}

.post-block2 {
	padding:0 15px 15px;
	width: 250px;
	height:370px;
	overflow:hidden;
	float: left;
	clear: none;
	}
	
.container_division2 {
	padding:0 10px 10px;
	width: 360px;
	}
	
.post-block2 a {
color:#666;
}

.post-block2 a:hover{
color:#666;
}

.post-block2 h2 a {
color:#231f20;
font-size:18px;
margin:0;
}


/********************
----Sidebar Styles---
********************/

.rightbar{
	float: right;
	width: 170px;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	background: #fff;
	border-left: 1px solid #ca2a30;
}

.rightbar ul{
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.rightbar ul li{
	padding: 5px 0 10px 5px;
}

.rightbar ul li h2{
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 5px 0;
	border-bottom: 1px solid #CCC;
}

.rightbar ul ul li{
	padding: 0;
	margin: 0 0 0 13px;
	line-height: 20px;
	list-style: none;
	font-size: 12px;
}

.rightbar .syndication .rss {
	width: 80px;
	height: 80px;
	position: relative;
	padding-top: 10px;
}

.rightbar .syndication .rss span{
	background: url(images/rss_big.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

.rightbar .syndication .rss .sub{
	list-style: none;
}

.rightbar a:link, a:visited{
	text-decoration: none;
	color:#666;
}

.rightbar a:hover{
	text-decoration: none;
	color: #ccc;
}


table#wp-calendar{
	width: 100%;
}

/* Left Sidebar */

.leftbar{
	float: right;
	width: 170px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 15px;
	display: inline;
	overflow: hidden;
	background: #fff;
}

.leftbar ul{
	list-style: none;
	margin: 0;
	padding: 0 5px 0 10px;
}

.leftbar ul li{
	padding: 10px 0 10px 5px;
}

.leftbar ul li h2{
	font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	padding: 5px 5px 5px 20px;
	margin: 0 10px 5px 0;
	border-bottom: 1px solid #CCC;
}

.leftbar ul ul li{
	padding: 2px 0;
	margin: 0 3px 0 10px;
	line-height: 20px;
	list-style: none;
	font-size: 11px;
	border-bottom: 1px dotted #CCC;
}
.leftbar a:link, a:visited{
	text-decoration: none;
	color:#666;
}

.leftbar a:hover{
	text-decoration: none;
	color: #ccc;
}


/* ----------------- */


#rencent_entrie {
float:left;
width:250px;
color:#999;
overflow:hidden;
}

#rencent_entrie .reptime {
font-size:10px;
color:#fff;
display:block;
}

#rencent_entrie li h2,#rencent_entrie li h2 a {
font-size:14px;
color:#ccc;
margin:10px 0 0;
}

#footer {
border-top:1px solid #222;
border-bottom:1px solid #222;
background:#111;
padding:20px;
}

#footer .query_posts,#footer .u_links {
width:250px;
float:left;
margin:0 20px 0 0;
}

#footer .u_flickr {
width:270px;
float:left;
}

#footer h2 {
font-size:18px;
color:#999;
margin:0 0 10px;
}

#footer .u_links ul li {
width:50%;
float:left;
}

#footer .u_flickr a {
float:left;
display:block;
margin:0 8px 8px 0;
}

#footer a:hover img {
border:none;
}

/*---:[ comment styles ]:---*/

#comments { width: 46.8em; }

	dl#comment_list { margin: 0 0 0 0; }
		
		dl#comment_list dt { padding: 0 0 33px 0; background: url('images/comment_top.gif') 0 100% no-repeat; font-size: 1.1em; line-height: 1.8182em; color: #999; }
		
		dl#comment_list dt.author { background: url('images/comment_author_top.gif') 0 100% no-repeat; }
		
			dl#comment_list dt .comment_num { padding: 0 0.3636em 0 0; }
			
				dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited { color: #999; }
				
				dl#comment_list dt .comment_num a:hover { color: #a90000; }
				
			dl#comment_list dt strong { font-size: 1.2em; color: #666; }
				
				dl#comment_list dt strong a, dl#comment_list dt strong a:visited { color: #000; border-bottom: 1px dotted #999; }
				
				dl#comment_list dt strong a:hover { color: #000; border-bottom: 1px solid #a90000; }
		
		dl#comment_list dd { width: 428px; padding: 0 20px; margin: 0 0 1.5385em; background: #dfdfdf url('images/comment_bottom.gif') 0 100% no-repeat; }
		
		dl#comment_list dd.author { background: #f6f4c9 url('images/comment_author_bottom.gif') 0 100% no-repeat; }
		
			dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote { margin-bottom: 1.1538em; }



/*---:[ comment form styles ]:---*/

#comment_form { width: 46.8em; margin: 0 0 4.0em 0; }

	#comment_form a:hover { text-decoration: none; color: #999;}

	#comment_form p { padding: 0.7692em 0; }
	
		#comment_form label { padding: 0 0 0 0.83333em; font-size: 1.2em; }

		#comment_form .text_input { width: 15.3846em; padding: 0.23077em; color: #231f20; font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; border-top: 0.15385em solid #999; border-left: 0.15385em solid #999; border-right: 0.07692em solid #eee; border-bottom: 0.07692em solid #eee; }
		
		#comment_form .text_input:focus { border-top-color: #999; border-left-color: #999; border-right-color: #999; border-bottom-color: #999; }
		
		#comment_form .text_area { width: 32.9231em; }

		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }

		#comment_form .form_submit { padding: 0.5em; background: url('images/submit_bg.gif') repeat-x; color: #000; border: 0.21429em double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; }
		
		#comment_form .form_submit:hover { color: #999; }
		
#medium2008 {
height:30px;
color:#666;
font-size:10px;
padding:0 20px;
}

#medium2008 .copyright  {
float:right;
line-height:20px;
padding:5px 0;
}

#medium2008 .copyright a:link, a:visited{
color:#666
}

#medium2008 .copyright a:hover{
color:#ccc
}
#medium2008 .validate {
float:left;
line-height:20px;
padding:5px 0;
}
.xhtml,.css {
padding:3px 15px 3px 25px;
}
.xhtml {
background:transparent url("images/xhtml.png") no-repeat left center;
}
.css {
background:transparent url("images/css.png") no-repeat left center;
}

.udownloads a {
display:block;
width:280px;
height:80px;
background:transparent url("images/downloads.png") no-repeat 0 0;
margin:0 0 20px;
padding:10px;
}

.entry3 {
margin:10px 0 0;
}

.udownloads a:hover {
background:transparent url("images/downloads.png") no-repeat 0 -100px;
}

.udownloads a img {
float:left;
margin:0 10px 0 0;
}

.udownloads strong {
display:block;
color:#000;
}

.hl-surround {
background-color:#333;
border:1px solid #666;
margin-bottom:5px;
width:400px;
overflow:auto;
text-align:left;
padding:8px;
}

.hl-surround,.hl-surround pre,.hl-surround span {
font:normal 9pt 'Courier New', monospace;
}

.hl-default {
color:#666;
}

.hl-code {
color:#666;
}

.hl-brackets {
color:#666;
}

.hl-comment {
color:#666;
}

.hl-quotes {
color:#666;
}

.hl-string {
color:#666;
}

.hl-builtin {
color:#666;
}

.hl-reserved {
color:#666;
}

.hl-var {
color:#666;
}

.hl-special {
color:#666;
}

.hl-number {
color:#666;
}

.hl-main {
background-color:transparent;
}

.hl-main pre {

margin:0;

padding:0;
}

#navigation ul li a:hover{
color:#231f20;
}
.narrowcolumn a:hover{
color:#666;
}
#content3,#sidebar a:hover,#sidebar .uexc,#sidenotes a:hover,#rencent_entrie a:hover,#footer a {
color:#666;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo,.narrowcolumn span.commentmetadata {
font-size:10px;
}

.narrowcolumn .u_postinfo li,.narrowcolumn .alignleft {
float:left;
}

.narrowcolumn .entry a img,#footer a img {
border:none;
}

.narrowcolumn .commentlist .uar a:hover,#utom2006 a:hover {
color:##ccc;
}

#sidebar a,#footer a:hover,#utom2006 a {
color:#ccc;
}

#sidebar h2,#rencent_entrie h2.rencent_entrie {
font-size:18px;
color:#666;
margin:0 0 10px;
}

.hl-identifier,.hl-inlinedoc,.hl-url,.hl-inlinetags {
color:#666;
}
.styleswitcher {
float:right;
margin:5px 0 0 0;
}
.styleswitcher a span{
display:none;
}
.styleswitcher a{
float:left;
display:block;
width:10px;
height:10px;
margin:0 5px 0 0;
}
.styleswitcher a.default{
background:#666;
}
.styleswitcher a.pink{
background:#666;
}
.styleswitcher a.no{
background:#ccc;
}
.googlead{
background:#111;
border:1px solid #222;
margin:0 auto;
padding:3px;
width:468px;
height:60px;
clear:both;
}